<template>
    <svg :style="{width,height}">
        <use :xlink:href="prefix + name" :fill="color"></use>
    </svg>
</template>

<script setup lang="ts">
defineProps({
    // xlink:href属性的前缀
    prefix: {
        type: String,
        default: '#icon-'
    },
    // 提供使用的图标名字
    name:String,
    // 接受父组件传递的颜色
    color:{
        type:String,
        default:''
    },
    // 接受父组件传递过来图标的宽度
    width:{
        type:String,
        default:'16px',
    },
    // 接受父组件传递过来图标的高度
    height:{
        type:String,
        default:'16px',
    }
})
</script>

<style lang="scss" scoped></style>